import React, { useState } from "react";
import styles from "../index.module.scss";
import { Box } from "zmp-ui";
import NumStep from "components/NumStep";
interface Props {}

const GoodsItem: React.FC<Props> = (props) => {
  const [loading, setLoading] = useState(false);

  return (
    <Box flex justifyContent="space-between" className={styles["goods-item"]}>
      <div className={styles["goods-info"]}>
        <h4>商品标题</h4>
        <p className={styles["goods-gui-ge"]}>
          商品描述的信息啊商品描述的信息啊商品描述的信息啊商品描述的信息啊
          信息啊
        </p>
        <p className={styles["goods-price"]}>d 94.000</p>
      </div>
      <div className={styles["goods-img-wrapper"]}>
        <img
          src="https://fastly.picsum.photos/id/287/180/180.jpg?hmac=1CwK9nTH0-vhqB1B7nhfQR7aeIEdAHY3wkClM6YeSPo"
          alt=""
          className={styles["goods-img"]}
        />
        <div className={styles["goods-num-step"]}>
          <NumStep />
        </div>
      </div>
    </Box>
  );
};
export default GoodsItem;
